<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/gwc.css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
    <link rel="stylesheet" href="../css/bot.css" />
    <script src="../node_modules/axios/dist/axios.js"></script>
  </head>
  <body>
    <!-- 头部 -->

    <header>
      <h4>购物车</h4>
    </header>
    <div class="gwc">
      <img src="../img/empty.png" alt="" />
      <p>您的购物车是空的, 快去逛逛吧</p>
      <span>去逛逛</span>
    </div>
    <div class="main">
      <div class="bottom">
        <a href="../index.html"
          ><div>
            <img src="../img/home.png" alt="" />
            <p>首页</p>
          </div></a
        >
        <a href="./classify.html"
          ><div>
            <img src="../img/10002.png" alt="" />
            <p>分类</p>
          </div></a
        >
        <a href="../index.html"
          ><div>
            <img src="../img/cart-active.png" alt="" />
            <p style="color: #fa2209">购物车</p>
          </div></a
        >
        <a href="./wode.html"
          ><div>
            <img src="../img/10007.png" alt="" />
            <p>我的</p>
          </div></a
        >
      </div>
    </div>
    <script src="../node_modules/axios/dist/axios.js"></script>
    <script>
      const span = document.querySelector('span')
      span.addEventListener('click', function () {
        location.href = '../index.html'
      })
    </script>
  </body>
</html>
